<template>
  <div class="user">
    <table-pro :columns="columns" :requestApi="getUserList">
      <template #sex="{ row }">
        自定义性别显示: {{ row.name }}
      </template>
    </table-pro>
  </div>
</template>

<script lang="ts" setup>
import { getUserList } from '@/api/user'

const columns: ITableColumn[] = [
  { prop: 'username', label: '用户名' },
  { prop: 'phone', label: '手机号' },
  { prop: 'sex', label: '性别', type: 'slot' },
  { prop: 'role', label: '角色' },
  { prop: 'status', label: '状态' },
  {prop: 'created_at', label: '创建时间' },
]
</script>

<style lang="scss" scoped>

</style>
